<template>
  <div style="display: flex;justify-content:flex-start;margin-top: 20px;padding: 10px;">
    <!-- <el-row> -->
    <div>
      <el-image style="width: 150px; height: 150px" fit="fill"></el-image>

    </div>

    <div style="margin-left: 30px;width: 100%;">

      <div style="display: flex;justify-content: space-between;">
        <span>青春是一个短暂的美梦,</span>
        <el-button size="mini" @click="Edit()">编辑个人资料</el-button>

      </div>

      <el-divider></el-divider>
      <div>
        <span>个性签名：</span>
      </div>
      <div>
        <span>所在地：湖南·长沙</span>
      </div> 
    </div>
    </el-row>
  </div>
</template>
<script>
  export default {
    name: 'BasicInformation',
    data() {
      return {
        userUnfo:{}
      }
    },
    methods: {
      errorHandler() {
        return true
      },
      Edit() {
        this.$parent.edit()
        this.$router.push({
          name: 'EditInformation'
        })
      }
    },
    mounted() {
      
    },
  }

</script>
<style scoped>

</style>
